.content {
	display: flex;
	flex-direction: column;
}

.scroll-view {
	position: relative;
	flex: 1;
	height: 1%;
	padding-left: 20upx;
	padding-right: 20upx;
}

.item {
	display: flex;
	.left {
		position: relative;
		width: 240upx;
		height: 134upx;
		image {
			width: 100%;
			height: 100%;
			border-radius: 10upx;
		}
	}
	.right {
		flex: 1;
		width: 1%;
		margin-left: 20upx;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		.head {
			font-size: 36upx;
			text-overflow: ellipsis;
			overflow: hidden;
			white-space: nowrap;
			text {
				font-size: 18upx;
				color: #FF9813;
				margin-left: 10upx;
			}
		}
		.bottom {
			.p {
				color: #B3B3B3;
				font-size: 18upx;
			}
			.flex {
				display: flex;
				align-items: center;
				justify-content: space-between;
				margin-top: 5upx;
				.l {
					color: #B3B3B3;
					font-size: 18upx;
					text-overflow: ellipsis;
					overflow: hidden;
					white-space: nowrap;
					margin-right: 20upx;
					.iconfont {
						color: #429435;
						vertical-align: -4upx;
					}
				}
				.r {
					color: #FF9813;
					font-size: 30upx;
					text {
						font-size: 24upx;
					}
				}
			}
		}
	}
	& + .item {
		margin-top: 30upx;
	}
}